﻿@{
    ViewBag.Title = "云南省院前急救领导台";
    Layout = "~/Views/Shared/_LayoutMapView.cshtml";
}

<script src="~/Content/ECharts/echarts.min.js"></script>
<script src="~/Content/ECharts/themes/vintage.js"></script>
@section Scripts{
    <script type="text/javascript">
        //全局变量
        var DaiMingStateCodes = '@ViewBag.AmbulanceDaiMing'; //获取config里配置的待命、任务、暂停、下班 对应车辆状态编码，多个以逗号分隔
        var RenWuStateCodes = '@ViewBag.AmbulanceRenWu';
        var ZanTingStateCodes = '@ViewBag.AmbulanceZanTing';
        var XiaBanStateCodes = '@ViewBag.AmbulanceXiaBan';
        var GpsLastIntervalTime = '@ViewBag.GpsLastIntervalTime'; //车辆GPS查询定时间隔
        var MarkerClearIntervalTime = '@ViewBag.MarkerClearIntervalTime';//add2021-01-17 plq  地图上事件标注、车辆轨迹定时清除间隔
        var EnableLoadStation = '@ViewBag.EnableLoadStation'; //地图上是否显示分站标注
        var EnableLoadHospital = '@ViewBag.EnableLoadHospital'; //地图上是否显示医院标注
        var EnableLoadEvent = '@ViewBag.EnableLoadEvent'; //地图上是否显示事件标注

        var gpsIntervalId;
        var tjIntervalId; //add2021-01-16 plq 实时数据统计定时刷新 setInterval() 返回的 ID 值
        var currentCenterID = '@ViewBag.userCenterID'; //add2021-04-15 plq 当前中心编码
        var IsSwitchAble = '@ViewBag.IsSwitchAble'; //add2021-04-15 plq 是否可切换当前中心

        var iconUrlHead = '@Url.Content("~/")'; //解决本地和iis发布图片路径不一致问题
        //var eventCode = ""; //add2021-03-04 plq

        //待派任务数--图表--全局配置项 start
        var colorList = [
                { 'Color': '#ffcf7b' }, { 'Color': '#02f6ff' }, { 'Color': '#5281e2' },
                { 'Color': '#3eb2ff' }
        ]; //待派任务数---图表--颜色数组

        var barWidth = 20; //柱条宽度
        var nameFontColor = '#333'; //名称文本颜色
        var nameFontSize = 14;   //名称文本字体大小
        //var namePosition = [-70, 4]; //文字左对齐时
        var namePosition = [-10, 4];  //文字右对齐时，相对位置--数据项的名称相对柱子的位置
        var valueFontColor = '#333'; //数值文本字体颜色
        var valueFontSize = 14;  //数值文本字体大小
        //var indexNum = 0;
        //待派任务数--图表--全局配置项 end

        //当班车辆数--图表--全局配置项 start
        let dashedPic = '';
        let color = ['#ff8700', '#ffc300', '#00e473', '#999999']; //颜色数组
        var labelFontSize = 14;  //刻度标签文本字体大小
        //当班车辆数--图表--全局配置项 end


        //页面入口函数----文档加载完成执行
        $(function () {
            mapInit(); //百度地图初始化
            InitComboboxData();

            if (IsSwitchAble == "True") //当前中心可切换
            {
                $("#cmb_Center").combobox('readonly', false);
            }
            else //不可切换
            {
                $("#cmb_Center").combobox('readonly', true);
            }



            $("#cmb_Center").combobox("select", currentCenterID);//默认选中当前用户所在中心
            $(".hideCmbClear").siblings(".combo").find(".icon-clear").css("display", "none"); //隐藏对应combobox的清除按钮



            myGPSTimer();//启动立马执行一次
            //定时刷新去后台取车辆最后GPS数据,并在地图上渲染
            gpsIntervalId = setInterval(function () { myGPSTimer() }, GpsLastIntervalTime);



            //各菜单tab 点击事件 时的对应弹层显隐控制代码 start
            //车辆信息tab
            $("#tab_amb").on("click", function () {
                $(".layer_amb").toggle(0, function () {
                    if ($(this).css("display") == "block") {
                        $("#tab_history").removeClass("tab_active"); //因为车辆信息和历史呼救信息位置重叠，不能同时存在
                        $("#tab_amb").addClass("tab_active"); //给对应tab添加底部三角箭头 类样式
                        bindAmbGrid();
                    } else {
                        $("#tab_amb").removeClass("tab_active");
                    }
                });

                $(".layer_detail").hide();//隐藏详情信息框 add2021-01-20 plq
                $(".layer_history").hide(); //因为车辆信息和历史呼救信息弹层在一个位置，所以，当a显示，b直接隐掉
            });
            //历史呼救信息tab
            $("#tab_history").on("click", function () {
                $(".layer_history").toggle(0, function () {
                    if ($(this).css("display") == "block") { //显示历史呼救相关信息弹层
                        $("#tab_amb").removeClass("tab_active");
                        $("#tab_history").addClass("tab_active"); //给对应tab添加底部三角箭头类样式

                        //查询起始时间赋初值--当日00:00-当前时刻
                        $('#EveSearch_DtStart').datetimebox('setValue', $.GetToday1()),
                        $('#EveSearch_DtEnd').datetimebox('setValue', $.GetToday()),
                        bindHistoryGrid(); //查询
                    } else {
                        $("#tab_history").removeClass("tab_active");
                    }

                });

                $(".layer_detail").hide();//隐藏详情信息框 add2021-01-20 plq
                $(".layer_amb").hide(); //隐藏车辆弹层
            });
            //实时数据统计tab
            $("#tab_tj").on("click", function () {
                $(".layer_tj").toggle(0, function () {
                    if ($(this).css("display") == "block") { //显示时,加载数据并渲染
                        $("#tab_tj").addClass("tab_active"); //给对应tab添加底部三角箭头类样式

                        //重启GPS刷新定时器--两个定时器保持同步
                        if (gpsIntervalId) {
                            clearInterval(gpsIntervalId);
                        }
                        myGPSTimer();//启动立马执行一次
                        gpsIntervalId = setInterval(function () { myGPSTimer() }, GpsLastIntervalTime);

                        //重启实时统计刷新定时器
                        if (tjIntervalId) {
                            clearInterval(tjIntervalId);
                        }
                        BindRealTimeTjData(); //对应实时数据的获取及图表渲染
                        tjIntervalId = setInterval(function () { BindRealTimeTjData() }, GpsLastIntervalTime); //定时刷新实时统计数据 add2021-01-17 plq

                    } else {
                        $("#tab_tj").removeClass("tab_active");

                        //add2021-01-17 plq
                        if (tjIntervalId) {
                            clearInterval(tjIntervalId); //清除实时统计刷新定时器
                        }
                    }
                });
            });
            //各菜单tab点击时的对应弹层显隐控制代码 end


            //车辆筛选框 全选功能
            $("#AllSelect").checkbox({
                onChange: function (checked) { //全选复选框勾选事件
                    //console.log(checked);
                    if (checked) {
                        $(".ambStateCheck").checkbox("check");
                    }
                    else {
                        $(".ambStateCheck").checkbox("uncheck"); //取消全选
                    }
                }
            });

        });
        //end


        //function：定时触发函数
        function myGPSTimer() {
            //医院地图标注
            if (EnableLoadHospital == 'True') {
                $.ajax({
                    url: '@Url.Content("~/Home/GetHospitalInfo")',
                    type: "POST",
                    data: {
                        CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                    },
                    success: function (res) {
                        var data = res.rows;
                        //console.log(data);
                        if (data && data.length > 0) {
                            //先请空，再重新标注
                            clearAllHospital(); //清空地图上标注点
                            //console.log(ambulanceArray.length);
                            //遍历数据，重新加载
                            for (var i = 0; i < data.length; i++) {
                                addHospitalByBaiduCoor(data[i].HospitalCode, data[i].HospitalName, data[i].Longitude, data[i].Latitude);
                            }
                            //console.log(hospitalArray.length);
                        }
                        else {
                            clearAllHospital(); //清空地图上标注点
                        }
                    }
                });
            }

            //事件地图标注
            if (EnableLoadEvent == 'True') {
                $.ajax({
                    url: '@Url.Content("~/Home/GetExcuteAlarmEventInfo")',
                    type: "POST",
                    data: {
                        CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                    },
                    success: function (res) {
                        var data = res.rows;
                        //console.log(data);
                        if (data && data.length > 0) {
                            //先请空，再重新标注
                            clearAlarmEventMark(); //清空地图上标注点
                            //console.log(ambulanceArray.length);
                            //遍历数据，重新加载
                            for (var i = 0; i < data.length; i++) {
                                addAlarmEventByBaiduCoor(data[i].EventCode, data[i].Longitude, data[i].Latitude, data[i].EventName, data[i].PatientName, data[i].FirstAlarmTel, data[i].Type);
                            }
                            //console.log(alarmEventArray.length);
                        }
                        else {
                            clearAlarmEventMark(); //清空地图上标注点
                        }
                    }
                });
            }


            //分站地图标注
            if (EnableLoadStation == 'True') {
                $.ajax({
                    url: '@Url.Content("~/Home/GetStationInfo")',
                    type: "POST",
                    data: {
                        CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                    },
                    success: function (res) {
                        var data = res.rows;
                        //console.log(data);
                        if (data && data.length > 0) {
                            //先请空，再重新标注
                            clearAllStation(); //清空地图上分站标注点
                            //console.log(ambulanceArray.length);
                            //遍历数据，重新加载
                            for (var i = 0; i < data.length; i++) {
                                addStationByBaiduCoor(data[i].StationCode, data[i].StationName, data[i].Longitude, data[i].Latitude);
                            }
                            //console.log(stationArray.length);
                        }
                        else {
                            clearAllStation(); //清空地图上分站标注点
                        }
                    }
                });
            }

            //车辆GPS last 定位 及车辆列表树加载
            $.ajax({
                url: '@Url.Content("~/Home/GetAmbLastGPS")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    var data = res.rows;
                    //console.log(data);
                    if (data && data.length > 0) {
                        ////先请空，再重新标注
                        //clearAmbTree(); //清空车辆列表树
                        //clearAllAmbulance(); //清空地图上车辆标注点

                        //console.log(ambulanceArray.length);
                        //遍历数据，重新加载
                        for (var i = 0; i < data.length; i++) {
                            alterAmbulanceByBaiduCoor(data[i].AmbulanceCode, data[i].RealSign, data[i].StationCode, data[i].StationName, data[i].Longitude, data[i].Latitude, $.formatTime(data[i].Time), data[i].Height, data[i].Speed, data[i].Direction, data[i].Driver, data[i].Doctor, data[i].Nurse, data[i].Litter, data[i].WorkStateCode, data[i].WorkState, "", data[i].RealLocal);
                        }
                        //console.log(ambulanceArray.length);
                    }
                    else {
                        clearAmbTree(); //清空车辆列表树
                        clearAllAmbulance(); //清空地图上车辆标注点
                    }
                }
            });

        }


        //function:对应图表数据获取及图表渲染 add2020-12-25 plq
        function BindRealTimeTjData() {
            BindDprwsChart(); //获取待派任务数据并渲染

            BindDbclsChart(); //获取当班车辆数(车辆状态分类)数据并渲染

            BindDbclsTypeChart(); //获取当班车辆数(车辆等级分类)数据并渲染

            BindRwzrwsChart(); //获取任务中任务数据并渲染

            BindTzdmclChart(); //获取途中待命车辆数据并渲染

            BindZndmclChart(); //获取站内待命车辆数据并渲染
        }


        //function：获取系列的数据内容数组的对应数据项
        function __getColorValue(name, val, index) {
            return {
                name: name, //数据项名称
                color: colorList[index].Color,
                value: val, //数值
                itemStyle: {
                    normal: {
                        show: true,
                        //color: { //线性渐变色
                        //    type: "linear",
                        //    x: 0,
                        //    y: 0,
                        //    x2: 1,
                        //    y2: 0,
                        //    colorStops: [{
                        //        offset: 0,
                        //        color: colorList[index].Color + '4B'
                        //    }, {
                        //        offset: 1,
                        //        color: colorList[index].Color + 'FF'
                        //    }],
                        //    globalCoord: false,
                        //},
                        color: colorList[index].Color, //非线性渐变色
                        barBorderRadius: 10
                    },
                    emphasis: {
                        shadowBlur: 15,
                        shadowColor: 'rgba(0, 0, 0, 0.1)'
                    }
                }
            };
        };

        //function：渲染待派任务数echarts 图表
        function renderDprwsChart(data) {
            var dom = document.getElementById("dprwsChart");
            //console.log(dom);
            var chart = echarts.init(dom, 'vintage');

            lists = [];
            values = []; //系列中的数据内容数组
            data.forEach(function (item, index) {
                //lists.push(item[1]);
                //values.push(__getColorValue(item[1], item[2], index));
                lists.push(item.Name);
                values.push(__getColorValue(item.Name, item.Value, index));
            });

            option = {
                backgroundColor: 'transparent',
                grid: {
                    top: "5%",
                    left: "25%",
                    right: "15%",
                    bottom: "5%",
                },
                yAxis: [
                    {
                        type: "category",
                        inverse: true,
                        axisTick: { show: false },
                        axisLine: { show: false },
                        axisLabel: { show: false, inside: false },
                        data: lists
                    }
                ],
                xAxis: {
                    type: "value",
                    axisTick: { show: false },
                    axisLine: { show: false },
                    splitLine: { show: false },
                    axisLabel: { show: false },
                },
                series: [{
                    name: '待派任务数',
                    type: 'bar',
                    barWidth: barWidth,
                    data: values,
                    animationDuration: 1500,
                    zlevel: 2,
                    label: {
                        normal: {
                            show: true,
                            color: nameFontColor,
                            show: true,
                            position: 'inside',
                            position: namePosition,
                            align: 'right',
                            textStyle: {
                                fontSize: nameFontSize,
                            },
                            formatter: function (data) {
                                return data.name;
                            },
                        }
                    }
                },
                {
                    name: '待派任务数',
                    type: 'bar',
                    barGap: '-100%',
                    barWidth: barWidth,
                    data: values,
                    animationDuration: 1500,
                    zlevel: 2,
                    label: {
                        normal: {
                            color: valueFontColor,
                            show: true,
                            position: 'right',
                            textStyle: {
                                fontSize: valueFontSize
                            },
                            formatter: function (a, b) {
                                return a.value;
                            }
                        }
                    }
                }],
                animationEasing: "cubicOut",
            };

            chart.setOption(option);
        }

        //function：渲染当班车辆数(车辆状态分类)图表
        function renderDbclsChart(data) {
            let arrName = [];
            let arrValue = [];
            let sum = 0;
            let pieSeries = [], //系列列表
                lineYAxis = []; //类目数据

            var dom = document.getElementById("dbclsChart");
            var chart = echarts.init(dom, 'vintage');
            // 数据处理
            data.forEach(function (v, i) {
                arrName.push(v.name);
                arrValue.push(v.value);
                sum = sum + v.value;
            });
            //console.log(sum);

            // 图表option整理
            data.forEach(function (v, i) {
                pieSeries.push({
                    name: '当班车辆数',
                    type: 'pie',
                    clockWise: false,
                    hoverAnimation: false,
                    radius: [75 - i * 15 + '%', 67 - i * 15 + '%'],
                    center: ["40%", "50%"],
                    label: {
                        show: false
                    },
                    data: [{
                        value: v.value,
                        name: v.name
                    }, {
                        value: sum - v.value,
                        name: '',
                        itemStyle: {
                            color: "rgba(0,0,0,0)"
                        }
                    }]
                });
                pieSeries.push({
                    name: '',
                    type: 'pie',
                    silent: true,
                    z: 1,
                    clockWise: false, //顺时加载
                    hoverAnimation: false, //鼠标移入变大
                    radius: [75 - i * 15 + '%', 67 - i * 15 + '%'],
                    center: ["40%", "50%"],
                    label: {
                        show: false
                    },
                    data: [{
                        value: 7.5,
                        itemStyle: {
                            color: "#E3F0FF"
                        }
                    }, {
                        value: 2.5,
                        name: '',
                        itemStyle: {
                            color: "rgba(0,0,0,0)"
                        }
                    }]
                });
                v.percent = (v.value / sum * 100).toFixed(1) + "%";
                lineYAxis.push({
                    value: i,
                    textStyle: {
                        rich: {
                            circle: {
                                color: color[i],
                                padding: [0, 5]
                            }
                        }
                    }
                });
            })
            //console.log(lineYAxis);
            //console.log(pieSeries);

            option = {
                backgroundColor: '#fff',
                color: color,
                grid: {
                    //top: '12%',
                    top: '10%',
                    bottom: '54%',
                    left: "40%",
                    containLabel: false
                },
                yAxis: [{
                    type: 'category',
                    inverse: true, //反向坐标轴
                    axisLine: {
                        show: false
                    },
                    axisTick: {
                        show: false
                    },
                    axisLabel: {
                        formatter: function (params) {
                            let item = data[params];
                            //console.log(item)
                            //return '{line|}{circle|●}{name|' + item.name + '}{bd||}{percent|' + item.percent + '}{value|' + item.value + '}{unit|列}'
                            return '{line|}{circle|●}{name|' + item.name + '}{bd|：}{value|' + item.value + '}{bdd||}{percent|' + item.percent + '}'
                        },
                        //interval: 0, //刻度标签的显示间隔，在类目轴中有效,设置成 0 强制显示所有标签，可能出现最后一行刻度标签文字加粗的情况
                        interval: 'auto',
                        inside: true, //朝内
                        textStyle: {
                            color: "#333",
                            fontSize: labelFontSize,
                            rich: {
                                line: {
                                    width: 50,
                                    height: 10,
                                    backgroundColor: { image: dashedPic }
                                },
                                name: {
                                    color: '#666',
                                    fontSize: labelFontSize,
                                },
                                bd: {
                                    color: '#333',
                                    //padding: [0, 5],
                                    fontSize: labelFontSize,
                                },
                                bdd: {
                                    color: '#ccc',
                                    padding: [0, 5],
                                    fontSize: labelFontSize,
                                },
                                percent: {
                                    color: '#333',
                                    fontSize: labelFontSize,
                                },
                                value: {
                                    color: '#333',
                                    fontSize: labelFontSize,
                                    //fontWeight: 500,
                                    //padding: [0, 0, 0, 20]
                                },
                                //unit: {
                                //    fontSize: labelFontSize
                                //}
                            }
                        },
                        show: true
                    },
                    data: lineYAxis
                }],
                xAxis: [{
                    show: false
                }],
                series: pieSeries
            };

            chart.setOption(option);
        }

        //function：渲染当班车辆数图表(车辆等级)
        function renderDbclsTypeChart(data) {
            var myChart = echarts.init(document.getElementById('dbclsTypeChart'));
            //console.log(data);
            option = {
                title: {
                    text: '当班车辆',
                    left: 'center',
                    top: '49%',
                    textStyle: {
                        fontSize: 14,
                        color: '#3C4353',
                        fontStyle: 'normal',
                        fontWeight: '400',
                        fontFamily: 'PingFangSC-Regular,PingFang SC;',
                    }
                },
                color: ['#7eacea', '#e15777', '#95ea71', '#ea9b4f', '#7577df', '#be72d8', '#fff'],
                tooltip: {
                    trigger: 'item',
                    formatter: '{a} <br/>{b} : {c} ({d}%)'
                },
                series: [{
                    name: '当班车辆数',
                    type: 'pie',
                    //radius: [30, 80],
                    radius: ['30%', '70%'], //add2021-01-16 plq 饼图的半径由固定值改为百分比
                    center: ['50%', '50%'],
                    roseType: 'radius',
                    label: {
                        show: true,
                        //formatter: '{b}：{c}\n{d}%',
                        formatter: '{b}：{c}\n', //不显示百分比
                        fontSize: 14,
                        //position: 'outer',
                        //alignTo: 'edge',
                        //margin: 20
                    },
                    labelLine: { //标签的视觉引导线
                        show: true,
                        length: 10, //视觉引导线第一段的长度
                        length2: 10,
                    },
                    emphasis: {
                        label: {
                            show: true
                        }
                    },
                    data: data,
                    //data: [{
                    //    value: 25,
                    //    name: 'rose1'
                    //},
                    //    {
                    //        value: 20,
                    //        name: 'rose2'
                    //    },
                    //    {
                    //        value: 15,
                    //        name: 'rose3'
                    //    },
                    //    {
                    //        value: 10,
                    //        name: 'rose4'
                    //    },
                    //    {
                    //        value: 8,
                    //        name: 'rose5'
                    //    },
                    //    {
                    //        value: 3,
                    //        name: 'rose6'
                    //    },
                    //]
                }, {
                    name: '占位',
                    type: 'pie',
                    silent: true,
                    center: ['50%', '50%'],
                    //radius: 30,
                    radius: [0, '30%'],//add2021-01-16 plq 饼图的半径由固定值改为百分比
                    hoverAnimation: false,
                    label: {
                        show: false,
                        position: 'center'
                    },
                    data: [{
                        value: 1,
                        name: '占位2'
                    },

                    ],
                    itemStyle: {

                        normal: {
                            color: '#fff',
                            shadowColor: 'rgba(0, 0, 0, 0.5)',
                            shadowBlur: 10,
                        },
                    }
                }, ]
            };
            myChart.setOption(option);
        }

        //function：渲染任务中任务数据图表
        function renderRwzrwsChart(data) {
            let arrName = [];
            let arrValue = [];
            // 数据处理
            data.forEach(function (v, i) {
                arrName.push(v.name);
                arrValue.push(v.value);

            });

            var myChart = echarts.init(document.getElementById('ssrwsChart'));
            option = {
                grid: {
                    left: '10%',
                    right: '10%',
                    top: 30,
                    bottom: 30
                },
                tooltip: {
                    show: true,
                },
                xAxis: [
                    {
                        type: 'category',
                        axisLine: {
                            lineStyle: {
                                color: '#c6c6c6'
                            }
                        },
                        splitLine: {
                            lineStyle: {
                                color: 'rgba(255,255,255,.1)'
                            }
                        },
                        axisLabel: {
                            color: "#333333",
                            fontSize: 14
                        },

                        data: arrName,
                        axisPointer: {
                            type: 'shadow'
                        }
                    }
                ],
                yAxis: {
                    type: 'value',
                    axisLine: {
                        lineStyle: {
                            color: '#c6c6c6'
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: 'rgba(255,255,255,.1)'
                        }
                    },
                    axisLabel: {
                        color: "#999999",
                        fontSize: 14
                    },
                    minInterval: 1, //最小间隔大小
                },
                series: [
                    {
                        name: '任务中',
                        type: 'bar',
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient( //渐变色
                                0, 0, 0, 1,
                                [
                                    { offset: 0, color: '#3eb2ff' },
                                    { offset: 1, color: '#96d4fe' }
                                ]
                            )
                        },
                        emphasis: {
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(
                                    0, 0, 0, 1,
                                    [
                                        { offset: 0, color: '#2378f7' },
                                        { offset: 0.7, color: '#2378f7' },
                                        { offset: 1, color: '#83bff6' }
                                    ]
                                )
                            }
                        },
                        label: { //显示数值
                            show: true,
                            position: 'top',
                        },
                        data: arrValue,
                        barMaxWidth: 38,
                    },
                ]
            };
            myChart.setOption(option);
        }

        //function：渲染站内待命车辆数据图表
        function renderZndmclChart(data) {
            let arrName = [];
            let arrValue = [];
            // 数据处理
            data.forEach(function (v, i) {
                arrName.push(v.name);
                arrValue.push(v.value);

            });

            var myChart = echarts.init(document.getElementById('zndmsChart'));
            option = {
                grid: {
                    left: '10%',
                    right: '10%',
                    top: 30,
                    bottom: 30
                },
                tooltip: {
                    show: true,
                },
                xAxis: [
                    {
                        type: 'category',
                        axisLine: {
                            lineStyle: {
                                color: '#c6c6c6'
                            }
                        },
                        splitLine: {
                            lineStyle: {
                                color: 'rgba(255,255,255,.1)'
                            }
                        },
                        axisLabel: {
                            color: "#333333",
                            fontSize: 14
                        },
                        data: arrName,
                        axisPointer: {
                            type: 'shadow'
                        }
                    }
                ],
                yAxis: {
                    type: 'value',
                    axisLine: {
                        lineStyle: {
                            color: '#c6c6c6'
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: 'rgba(255,255,255,.1)'
                        }
                    },
                    axisLabel: {
                        color: "#999999",
                        fontSize: 14
                    },
                    minInterval: 1, //最小间隔大小
                },
                series: [
                    {
                        name: '站内待命车辆',
                        type: 'bar',
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient( //渐变色
                                0, 0, 0, 1,
                                [
                                    { offset: 0, color: '#ffc300' },
                                    { offset: 1, color: '#ffdf75' }
                                ]
                            ),
                        },
                        emphasis: {
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(
                                    0, 0, 0, 1,
                                    [
                                        { offset: 0, color: '#ffa300' },
                                        { offset: 1, color: '#ffcf75' }
                                    ]
                                )
                            }
                        },
                        label: {
                            show: true,
                            position: 'top',
                        },
                        data: arrValue,
                        barMaxWidth: 38,
                    },
                ]
            };
            myChart.setOption(option);

        }

        //function：渲染途中待命车辆数据图表
        function renderTzdmclChart(data) {
            let arrName = [];
            let arrValue = [];
            // 数据处理
            data.forEach(function (v, i) {
                arrName.push(v.name);
                arrValue.push(v.value);

            });

            var myChart = echarts.init(document.getElementById('tzdmsChart'));
            option = {
                grid: {
                    left: '10%',
                    right: '10%',
                    top: 30,
                    bottom: 30
                },
                tooltip: {
                    show: true,
                    // orient: 'vertical',
                    left: 'right',
                    top: 'center',
                },
                xAxis: {
                    type: 'category',
                    //boundaryGap: false,
                    axisLine: {
                        lineStyle: {
                            color: '#c6c6c6'
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: 'rgba(255,255,255,.1)'
                        }
                    },
                    axisLabel: {
                        color: "#333333",
                        fontSize: 14
                    },
                    data: arrName
                },
                yAxis: {
                    type: 'value',
                    axisLine: {
                        lineStyle: {
                            color: '#c6c6c6'
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: 'rgba(255,255,255,.1)'
                        }
                    },
                    axisLabel: {
                        color: "#999999",
                        fontSize: 14
                    },
                    minInterval: 1, //最小间隔大小
                },
                series: [
                    {
                        name: '途中待命车辆',
                        type: 'line',
                        stack: '总量',
                        itemStyle: {
                            color: '#1592e6',
                        },
                        lineStyle: {
                            color: '#1592e6',
                        },
                        //areaStyle: {
                        //    normal: {
                        //        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        //            offset: 0,
                        //            color: 'rgba(108,80,243,0.3)'
                        //        },
                        //            {
                        //                offset: 1,
                        //                color: 'rgba(108,80,243,0)'
                        //            }
                        //        ], false),
                        //        shadowColor: 'rgba(108,80,243, 0.9)',
                        //        shadowBlur: 20
                        //    }
                        //},
                        label: { //显示数值
                            show: true,
                            position: 'top',
                        },
                        data: arrValue
                    }
                ]
            };
            myChart.setOption(option);

            //let i = 0 //自动高亮
            //setInterval(function(){
            //    //console.log(i)
            //    i = i === data.length ? 0 : i+1
            //    myChart.dispatchAction({
            //        type: 'showTip',
            //        seriesIndex:0,  // 显示第几个series
            //        dataIndex: i // 显示第几个数据
            //    });
            //}, 1000)
        }

        //查询车辆列表
        function bindAmbGrid() {
            var isDaiMing = $("#isDaiMing").checkbox("options").checked; //获取待命复选框选中状态
            var isRenWu = $("#isRenWu").checkbox("options").checked;
            var isZanTing = $("#isZanTing").checkbox("options").checked;
            var isXiaBan = $("#isXiaBan").checkbox("options").checked;
            //console.log(isDaiMing);
            //console.log(isRenWu);
            //console.log(isZanTing);
            //console.log(isXiaBan);
            //console.log($('#AmbSearch_AmbGroup').combobox('getValues').join(','));
            $('#ambListGrid').datagrid({
                width: '100%',
                height: '100%',
                fitColumns: true,
                singleSelect: true,
                loadMsg: '数据加载中请稍后……',
                url: '@Url.Content("~/Home/GetAmbulanceList")',
                striped: true, //条纹化
                pagination: true,//启用分页，默认每页10行
                rownumbers: true,//显示行号
                pageSize: 15,//设置 页容量5为
                pageList: [10, 15, 20],//设置 页容量下拉框
                remoteSort: true,
                //multiSort: true,
                queryParams: {
                    //CenterID: $('#AmbSearch_Center').combobox('getValue'),
                    CenterID: $('#cmb_Center').combobox('getValue'),
                    StationID: $('#AmbSearch_Station').combobox('getValue'),
                    GroupID: $('#AmbSearch_AmbGroup').combobox('getValues').join(','),
                    RealSign: $('#AmbSearch_RealSign').textbox('getValue'),
                    isDaiMing: isDaiMing,
                    isRenWu: isRenWu,
                    isZanTing: isZanTing,
                    isXiaBan: isXiaBan,
                },
                columns: [[
                   {
                       field: "WorkState", title: "状态", width: '24%', align: "center", sortable: false,
                       formatter: function (value, row, index) {
                           var returnStr = ""
                           //console.log(parseInt(row.WorkStateCode));
                           switch (parseInt(row.WorkStateCode)) {
                               case 0: //分配任务
                                   returnStr = "<span  class='ambState ambState_0' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 1: //收到指令
                                   returnStr = "<span  class='ambState ambState_1' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 2: //
                                   returnStr = "<span  class='ambState ambState_2' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 3: //
                                   returnStr = "<span  class='ambState ambState_3' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 4: //
                                   returnStr = "<span  class='ambState ambState_4' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 5: //
                                   returnStr = "<span  class='ambState ambState_5' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 6: //
                                   returnStr = "<span  class='ambState ambState_6' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 7: //
                                   returnStr = "<span  class='ambState ambState_7' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 8: //
                                   returnStr = "<span  class='ambState ambState_8' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 9: //
                                   returnStr = "<span  class='ambState ambState_9' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 101: //
                                   returnStr = "<span  class='ambState ambState_101' title=\"" + value + "\">" + value + "</span>";
                                   break;
                               case 102: //
                                   returnStr = "<span  class='ambState ambState_102' title=\"" + value + "\">" + value + "</span>";
                                   break;
                           }
                           return returnStr;
                       }
                   },
                   { field: 'RealSign', title: '标识', width: '25%', align: "center", sortable: false },
                   { field: 'Station', title: '分站', width: '20%', align: "center", sortable: false },
                   //{ field: "Tel", title: "随车无线", width: '15%', align: "center", sortable: false },
                   {
                       field: 'GPSState', title: 'GPS状态', width: '15%', align: "center", sortable: false,
                       formatter: function (value, row, index) {
                           if (value == "在线") {
                               return "<span  class='circle_green' title=\"" + value + "\"></span>";//鼠标悬浮显示title文字
                           } else {
                               return "<span  class='circle_red' title=\"" + value + "\"></span>";//鼠标悬浮显示title文字
                           }
                       }
                   },
                   {
                       field: 'edit', title: '操作', width: '19%', align: "center", sortable: false,
                       formatter: function (value, row, index) {
                           var returnHtmlStr = "";
                           var stateID = row.WorkStateCode; //车辆状态编码
                           var taskCodeArr = RenWuStateCodes.split(","); //任务中对应的车辆状态编码数组
                           //console.log(taskCodeArr);
                           if (taskCodeArr.indexOf(stateID) != -1) { //任务中状态
                               var imgStr1 = "<span class='editIcon' title='车辆轨迹回放信息'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_gj.png")' +
                                  "' onclick =\"ShowAmbGPSTrack('" + row.AmbulanceCode + "')\"/></span>";
                               var imgStr2 = "<span class='editIcon'  title='当前事件呼救定位'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_dw.png")' +
                                  "' onclick =\"CurrentAlarmLocation('" + row.TaskCode + "')\"/></span>";
                               returnHtmlStr = imgStr1 + imgStr2;

                           } else {
                               var imgStr1 = "<span class='editIcon' title='车辆轨迹回放信息'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_gj.png")' +
                                   "' onclick =\"ShowAmbGPSTrack('" + row.AmbulanceCode + "')\"/></span>";
                               var imgStr2 = "<span class='editIcon'  title='请查看任务中车辆'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_dw_2.png")' +
                                   "' </span>";
                               returnHtmlStr = imgStr1 + imgStr2;
                           }
                           @*var imgStr3 = "<span class='detailIcon'  title='详情'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/detail.png")' +
                            "' onclick =\"CurrentAlarmLocation('" + row.TaskCode + "')\"/></span>";
                       returnHtmlStr = returnHtmlStr + imgStr3;*@
                           return returnHtmlStr;
                       }
                   },
                ]],
                rowStyler: function (index, row) { //根据车辆状态显示不同行背景色
                    var returnStr = "";
                    //console.log(parseInt(row.WorkStateCode));
                    switch (parseInt(row.WorkStateCode)) {
                        case 0: //分配任务
                            returnStr = 'background-color:#fdd8d1;';
                            break;
                        case 1: //收到指令
                            returnStr = 'background-color:#fde6d5;';
                            break;
                        case 2: //
                            returnStr = 'background-color:#dddad4;';
                            break;
                        case 3: //
                            returnStr = 'background-color:#f5e7ff;';
                            break;
                        case 4: //
                            returnStr = 'background-color:#d0d6f3;';
                            break;
                        case 5: //
                            returnStr = 'background-color:#bce3fa;';
                            break;
                        case 6: //
                            returnStr = 'background-color:#b4caf8;';
                            break;
                        case 7: //
                            returnStr = 'background-color:#cbeeee;';
                            break;
                        case 8: //
                            returnStr = 'background-color:#dcdcdc;';
                            break;
                        case 9: //
                            returnStr = 'background-color:#c4c4c4;';
                            break;
                        case 101: //
                            returnStr = 'background-color:#fde5b2;';
                            break;
                        case 102: //
                            returnStr = 'background-color:#d9ffe4 ;';
                            break;
                    }
                    return returnStr;
                },
                //单击车辆行时，右侧更新对应车辆的详细数据
                onSelect: function (rowIndex, rowData) {
                    if ($(".layer_amb").css("display") == "block") { //add2021-03-04 plq 增加if条件，弹层存在时才显示对应详情信息
                        $(".amb_detail").show();//详情信息框 add2021-01-20 plq
                    }

                    //console.log(rowData);
                    var stateID = parseInt(rowData.WorkStateCode);

                    //add2021-01-18 plq 不同状态行部分字段显隐 start
                    //暂停调用状态
                    if (stateID == 9) {
                        $(".PauseReasonTr").show();
                    } else {
                        $(".PauseReasonTr").hide();
                    }
                    //任务中
                    if (stateID != 6 && stateID != 7 && stateID != 8 && stateID != 9) { //任务中
                        $(".TaskTr").show();
                    } else {
                        $(".TaskTr").hide();
                    }
                    //待命
                    if (stateID == 6 || stateID == 7) {
                        $(".DaiMingTr").show();
                    } else {
                        $(".DaiMingTr").hide();
                    }
                    //add2021-01-18 plq 不同状态行部分字段显隐 end

                    //右侧更新对应车辆详情信息
                    //赋值
                    $("#amb_RealSign").html(rowData.RealSign);
                    $("#amb_GPSState").html(rowData.GPSState);
                    $("#amb_AmbType").html(rowData.AmbulanceType);
                    $("#amb_WorkState").html(rowData.WorkState);
                    $("#amb_AmbulanceNum").html(rowData.AmbulanceNum);
                    $("#amb_TaskNum").html(rowData.TaskNum);
                    $("#amb_AmbLevel").html(rowData.AmbulanceLevel);
                    $("#amb_Tel").html(rowData.Tel);
                    $("#amb_Station").html(rowData.Station);
                    $("#amb_TaskNo").html(rowData.TaskNo);
                    $("#amb_Driver").html(rowData.Driver);
                    $("#amb_Doctor").html(rowData.Doctor);
                    $("#amb_Nurse").html(rowData.Nurse);
                    $("#amb_Stretcher").html(rowData.Stretcher);
                    $("#amb_KeyTime").html(rowData.KeyTime ? $.formatTime(rowData.KeyTime) : "");
                    $("#amb_PauseReason").html(rowData.PauseReason); //add2021-01-18 暂停调用原因
                    $("#amb_PauseHospital").html(rowData.PauseHospital); //add2021-01-25 暂停调用对应医院名称
                    $("#amb_EventName").html(rowData.EventName); //add2021-01-18 事件名称
                    $("#amb_StartTime").html(rowData.StartTime); //add2021-01-18 生成任务时刻
                    $("#amb_EndTime").html(rowData.EndTime); //add2021-01-18 完成时刻
                    $("#amb_ReturnStationTime").html(rowData.ReturnStationTime); //add2021-01-18 返回站中时刻

                },
                onDblClickRow: function (rowIndex, rowData) {
                    //console.log(rowData.AmbulanceCode);
                    panToAmb(rowData.AmbulanceCode); //移动到车辆位置 并且打开气泡
                },
                onLoadSuccess: function (data) {
                    //console.log(data);
                    if (!data) {
                        return false;
                    }
                    if (data.rows.length > 0) {
                        $('#ambListGrid').datagrid("selectRow", 0); //默认选中第一行,能否触发行单击事件
                    }
                    else {
                        $(".amb_detail").hide();//详情信息框 add2021-01-20 plq
                    }

                    //add2021-01-17 plq 显示查询总数
                    $("#ambNum").html(data.total);

                }
            });

        }

        //查询历史呼救信息
        function bindHistoryGrid() {
            $('#historyGrid').datagrid({
                width: '100%',
                height: '100%',
                fitColumns: true,
                singleSelect: true,
                loadMsg: '数据加载中请稍后……',
                url: '@Url.Content("~/Home/GetTalarmEventList")',
                //striped: true,
                pagination: true,//启用分页，默认每页10行
                rownumbers: true,//显示行号
                pageSize: 15,//设置 页容量5为
                pageList: [10, 15, 20],//设置 页容量下拉框
                remoteSort: true,
                //multiSort: true,
                queryParams: {
                    start: $('#EveSearch_DtStart').datetimebox('getValue'),
                    end: $('#EveSearch_DtEnd').datetimebox('getValue'),
                    localAddr: $('#EveSearch_LocalAddr').textbox('getValue'),
                    sendAddr: $('#EveSearch_SendAddr').textbox('getValue'),
                    tel: $('#EveSearch_Tel').textbox('getValue'),
                    dispatcherID: $('#EveSearch_Dispatcher').combobox('getValue'),
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq 分中心
                },
                columns: [[
                   {
                       field: "FirtEventTime", title: "开始受理时刻", width: '34%', align: "center", sortable: false,
                       formatter: function (value, row, index) {
                           if (value) {
                               return $.formatTime(value);
                           } else {
                               return "";
                           }
                       }
                   },
                   { field: 'EventType', title: '类型', width: '15%', align: "center", sortable: false },
                   { field: 'PatientName', title: '患者姓名', width: '15%', align: "center", sortable: false },
                   { field: "ZhuSu", title: "主诉", width: '20%', align: "center", sortable: false },
                   {
                       field: 'edit', title: '操作', width: '19%', align: "center", sortable: false,
                       formatter: function (value, row, index) {
                           var returnHtmlStr = "";
                           var imgStr1;
                           var imgStr2;
                           if (row.AmbulanceCode) { //事件关联车辆编码不为空
                               imgStr1 = "<span class='editIcon' title='任务车辆轨迹回放'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_gj.png")' +
                                  "' onclick =\"ShowTaskAmbGPSTrack('" + row.AmbulanceCode + "','" + row.StartTime + "','" + row.EndTime + "')\"/></span>";
                           }
                           else {
                               imgStr1 = "<span class='editIcon' title='该事件尚无任务车辆'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_gj_2.png")' +
                                  "'/></span>";

                           }
                           if (row.IsMark) { //有标注
                               imgStr2 = "<span class='editIcon'  title='等车定位'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_dw.png")' +
                                  "' onclick =\"WaitLocation('" + row.EventCode + "','" + row.Longitude + "','" + row.Latitude + "','" + row.EventName + "','" + row.PatientName + "','" + row.Tel + "','" + row.IsMark + "')\"/></span>";
                           }
                           else {
                               imgStr2 = "<span class='editIcon'  title='现场地址未定位标注'><img width='16px' src='" + '@Url.Content("~/Images/CustomIcon/icon_dw_2.png")' +
                                  "'/></span>";
                           }
                           returnHtmlStr = imgStr1 + imgStr2;
                           return returnHtmlStr;
                       }
                   },
                ]],
                rowStyler: function (index, row) { //根据状态显示不同行背景色
                    //if (row.isRejected == true) {
                    //    return 'background-color:#6293BB;color:#fff;';

                    //}
                },
                //单击事件信息行时，右侧更新对应呼救事件的详细数据
                onSelect: function (rowIndex, rowData) {
                    if ($(".layer_history").css("display") == "block") {//add2021-03-04 plq 增加if条件，弹层存在时才显示对应详情信息
                        $(".history_detail").show();//详情信息框 add2021-01-20 plq
                    }

                    //console.log(rowData);
                    //右侧更新对应呼救详情信息
                    //赋值
                    $("#eve_EventSource").html(rowData.OriginType);
                    $("#eve_PatientName").html(rowData.PatientName);
                    $("#eve_AlarmType").html(rowData.EventType);
                    $("#eve_Identity").html(rowData.Country);
                    $("#eve_AcceptAmb").html(rowData.AmbulanceNumber);
                    $("#eve_LinkTel").html(rowData.Tel);
                    $("#eve_FirstAcceptPerson").html(rowData.DispatcherName);
                    $("#eve_AlarmTel").html(rowData.HuJiuTel);
                    $("#eve_AcceptNum").html(rowData.TAlarmNum);
                    $("#eve_TaskSum").html(rowData.TAlarmTotal);
                    $("#eve_LocalAddr").html(rowData.LocalAddress);
                    $("#eve_WaitAddr").html(rowData.WaitAddress);
                    $("#eve_SendAddr").html(rowData.SendAddress);
                    $("#eve_FirstAcceptTime").html(rowData.FirtEventTime ? $.formatTime(rowData.FirtEventTime) : "");
                    $("#eve_AlarmReason").html(rowData.ZhuSu);
                },
                onLoadSuccess: function (data) {
                    //console.log(data);
                    if (!data) {
                        return false;
                    }
                    if (data.rows.length > 0) {
                        $('#historyGrid').datagrid("selectRow", 0); //默认选中第一行,能否触发行单击事件
                    }
                    else {
                        $(".history_detail").hide();//详情信息框 add2021-01-20 plq
                    }

                    //add2021-01-17 plq 显示查询总数
                    $("#acceptNum").html(data.total);
                }
            });

        }
        //绑定待派任务数图表数据
        function BindDprwsChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetTalarmEventInfo")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (data) {
                    //console.log(data);
                    if (!data) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < data.length; i++) {
                        sum += data[i].Value;
                    }
                    $("#futureTaskSum").html(sum);
                    //add2021-01-17 plq end

                    renderDprwsChart(data);
                }
            });
        }

        //绑定当班车辆数(车辆状态分类)图表数据
        function BindDbclsChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetAmbulanceNum")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < res.length; i++) {
                        sum += res[i].value;
                    }
                    $("#stateCarSum").html(sum);
                    //add2021-01-17 plq end

                    renderDbclsChart(res);
                }
            });
        }
        //绑定当班车辆数(车辆等级分类)图表数据
        function BindDbclsTypeChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetDutyTypeAmbNum")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < res.length; i++) {
                        sum += res[i].value;
                    }
                    $("#levelCarSum").html(sum);
                    //add2021-01-17 plq end

                    renderDbclsTypeChart(res);
                }
            });
        }

        //绑定任务中任务数据图表数据
        function BindRwzrwsChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetCurrentTaskInfo")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < res.length; i++) {
                        sum += res[i].value;
                    }
                    $("#taskSum").html(sum);
                    //add2021-01-17 plq end

                    renderRwzrwsChart(res);
                }
            });
        }

        //绑定途中待命车辆数图表数据
        function BindTzdmclChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetWayStandByAmbNum")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < res.length; i++) {
                        sum += res[i].value;
                    }
                    $("#wayCarSum").html(sum);
                    //add2021-01-17 plq end

                    renderTzdmclChart(res);
                }
            });
        }

        //绑定站内待命车辆数图表数据
        function BindZndmclChart() {
            $.ajax({
                url: '@Url.Content("~/Home/GetStationStandByAmbNum")',
                type: "POST",
                data: {
                    CenterID: $('#cmb_Center').combobox('getValue'), //add2021-01-20 plq
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }

                    //add2021-01-17 plq 显示合计 start
                    var sum = 0;
                    for (var i = 0; i < res.length; i++) {
                        sum += res[i].value;
                    }
                    $("#stationCarSum").html(sum);
                    //add2021-01-17 plq end

                    renderZndmclChart(res);
                }
            });
        }

        //任务车辆轨迹回放
        function ShowTaskAmbGPSTrack(ambCode, startTime, endTime) {
            //add2021-03-04 plq
            var ambCode = ambCode;
            var startTime = startTime;
            var endTime = endTime;
            var url = '@Url.Content("~/Home/AmbGpsTrack")' + "?AmbCode=" + ambCode + "&beginTime=" + startTime + "&endTime=" + endTime;
            window.open(url);
        }

        //车辆轨迹回放
        function ShowAmbGPSTrack(ambCode) {
            //add2021-03-04 plq
            var ambCode = ambCode;
            var startTime = $.GetNMinuteAgo(300);
            var endTime = $.GetToday();
            var url = '@Url.Content("~/Home/AmbGpsTrack")' + "?AmbCode=" + ambCode + "&beginTime=" + startTime + "&endTime=" + endTime;
            window.open(url);

        }


        //当前事件呼救定位
        function CurrentAlarmLocation(TaskCode) {
            $.ajax({
                url: '@Url.Content("~/Home/GetXYInfoByTaskCode")',
                type: "POST",
                data: {
                    TaskCode: TaskCode
                },
                success: function (res) {
                    //console.log(res);
                    if (!res) {
                        return false;
                    }
                    var data = res.rows;
                    if (!data[0].IsMark) { //未在地图上定位标注
                        //
                        $.messager.alert('提示', '当前事件呼救未定位标注!');
                        return false;
                    }

                    //清除所有呼救事件标注...
                    //clearAlarmEventMark();
                    //添加呼救事件标注
                    addAlarmEventByBaiduCoor(data[0].EventCode, data[0].Longitude, data[0].Latitude, data[0].EventName, data[0].PatientName, data[0].Tel, 1);
                    //移动到定位点
                    panToAlarmLocation(data[0].EventCode);

                    setTimeout('clearAlarmEventMark()', MarkerClearIntervalTime); //add2021-01-20 plq 指定时间后清除事件定位
                    ////add2021-03-04 plq 指定时间后清除该事件定位
                    //eventCode = data[0].EventCode;
                    //setTimeout(function () { deleteAlarmEvent('eventCode'); }, MarkerClearIntervalTime);
                }
            });
        }

        //等车定位
        function WaitLocation(EventCode, Longitude, Latitude, EventName, PatientName, Tel, IsMark) {
            //console.log(IsMark)
            if (!IsMark || IsMark == "false" || IsMark == "False") { //未在地图上定位标注
                //
                $.messager.alert('提示', '现场地址未定位标注!');
                return false;
            }
            //清除所有呼救事件标注...
            //添加呼救事件标注
            addAlarmEventByBaiduCoor(EventCode, Longitude, Latitude, EventName, PatientName, Tel, 1);
            //移动到定位点
            panToAlarmLocation(EventCode);

            setTimeout('clearAlarmEventMark()', MarkerClearIntervalTime); //add2021-01-20 plq 指定时间后清除所有事件定位
            ////add2021-03-04 plq 指定时间后清除该事件定位
            //eventCode = EventCode;
            //setTimeout(function () { deleteAlarmEvent('eventCode'); }, MarkerClearIntervalTime);
        }



        //function 初始化combobox列表 start
        function InitComboboxData() {
            //中心
            //当前分中心
            $.EUIcombobox("#cmb_Center", {
                url: '@Url.Content("~/Home/GetDispatchCenter")',
                valueField: 'BianMa',
                textField: 'Name',
                panelHeight: 390,
                editable: false,
                prompt: '全部',
                OneOption: [{
                    BianMa: "-1",
                    Name: "全部"
                }],
                onSelect: function (rec) {
                    console.log(rec);
                    if (rec.BianMa == "") {
                        return false;
                    }
                    //根据中心取分站
                    $("#AmbSearch_Station").combobox({
                        url: '@Url.Content("~/Home/GetStation?code=")' + rec.BianMa,
                        method: 'POST',
                        valueField: 'BianMa',
                        textField: 'Name',
                        prompt: '--请选择--',
                        editable: true,
                        filter: function (q, row) {
                            var opts = $(this).combobox('options');
                            return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配
                        },
                        onHidePanel: function () { //验证输入的值必须为选项框中的数据，否则还原为空
                            var _options = $(this).combobox('options');
                            var _data = $(this).combobox('getData');/* 下拉框所有选项 */
                            var _value = $(this).combobox('getValue');/* 用户输入的值 */
                            var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                            for (var i = 0; i < _data.length; i++) {
                                if (_data[i][_options.valueField] == _value) {
                                    _b = true;
                                    break;
                                }
                            }
                            if (!_b) {
                                $(this).combobox('setValue', '');
                            }
                        }
                    });

                    //根据中心取调度员
                    $("#EveSearch_Dispatcher").combobox({
                        url: '@Url.Content("~/Home/GetDispatcherByCenter?code=")' + rec.BianMa,
                        method: 'POST',
                        valueField: 'BianMa',
                        textField: 'Name',
                        prompt: '--请选择--',
                        editable: true,
                        filter: function (q, row) {
                            var opts = $(this).combobox('options');
                            return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配
                        },
                        onHidePanel: function () { //验证输入的值必须为选项框中的数据，否则还原为空
                            var _options = $(this).combobox('options');
                            var _data = $(this).combobox('getData');/* 下拉框所有选项 */
                            var _value = $(this).combobox('getValue');/* 用户输入的值 */
                            var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                            for (var i = 0; i < _data.length; i++) {
                                if (_data[i][_options.valueField] == _value) {
                                    _b = true;
                                    break;
                                }
                            }
                            if (!_b) {
                                $(this).combobox('setValue', '');
                            }
                        }
                    });
                },
                onChange: function (newValue, oldValue) {
                    //console.log(newValue);
                    //重置操作 start
                    if ($(".layer_amb").css("display") == "block") {
                        $("#AmbSearch_Station").combobox("clear"); //清空分站选择
                        $("#AmbSearch_RealSign").textbox("clear"); //清空实际标识
                        bindAmbGrid();
                    }
                    if ($(".layer_history").css("display") == "block") {
                        $("#EveSearch_LocalAddr").textbox("clear"); //清空现场地址
                        $("#EveSearch_SendAddr").textbox("clear"); //清空送往地址
                        $("#EveSearch_Tel").textbox("clear"); //清空电话
                        $("#EveSearch_Dispatcher").combobox("clear"); //清空调度员
                        bindHistoryGrid(); //查询
                    }

                    //add2021-01-25 plq 中心切换时清除车辆列表树（及地图上的车辆标注点）start
                    clearAmbTree(); //清空车辆列表树
                    clearAllAmbulance(); //清空地图上车辆标注点
                    //add2021-01-25 plq end

                    //重启GPS刷新定时器
                    if (gpsIntervalId) {
                        clearInterval(gpsIntervalId);
                    }
                    myGPSTimer();//启动立马执行一次
                    gpsIntervalId = setInterval(function () { myGPSTimer() }, GpsLastIntervalTime);

                    if ($(".layer_tj").css("display") == "block") { //显示时,加载数据并渲染
                        //重启实时统计刷新定时器
                        if (tjIntervalId) {
                            clearInterval(tjIntervalId);
                        }
                        BindRealTimeTjData();
                        tjIntervalId = setInterval(function () { BindRealTimeTjData() }, GpsLastIntervalTime); //定时刷新实时统计数据 add2021-01-17 plq
                    }

                    //重置操作 end
                }

            });

            @*//取所有分站
        $("#AmbSearch_Station").combobox({
            url: '@Url.Content("~/Home/GetStation?code=-1")',
            method: 'POST',
            valueField: 'BianMa',
            textField: 'Name',
            prompt: '--请选择--',
            editable: true,
            filter: function (q, row) {
                var opts = $(this).combobox('options');
                return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配
            },
            onHidePanel: function () { //验证输入的值必须为选项框中的数据，否则还原为空
                var _options = $(this).combobox('options');
                var _data = $(this).combobox('getData');/* 下拉框所有选项 */
                var _value = $(this).combobox('getValue');/* 用户输入的值 */
                var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                for (var i = 0; i < _data.length; i++) {
                    if (_data[i][_options.valueField] == _value) {
                        _b = true;
                        break;
                    }
                }
                if (!_b) {
                    $(this).combobox('setValue', '');
                }
            }
        });*@

            //车辆分组
            $("#AmbSearch_AmbGroup").combobox({
                url: '@Url.Content("~/Home/GetAmbulanceGroup")',
                valueField: 'BianMa',
                textField: 'Name',
                panelHeight: 120,
                multiple: true,
                editable: false,
                prompt: '--请选择--',
                onLoadSuccess: function (data) {
                    //console.log(data);
                    if (data && data.length > 0) {
                        $("#AmbSearch_AmbGroup").combobox("setValue", data[0].BianMa);
                    }
                }
            });

            @*//取所有调度员
        $("#EveSearch_Dispatcher").combobox({
            url: '@Url.Content("~/Home/GetDispatcher")',
            method: 'POST',
            valueField: 'BianMa',
            textField: 'Name',
            prompt: '--请选择--',
            editable: true,
            filter: function (q, row) {
                var opts = $(this).combobox('options');
                return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配
            },
            onHidePanel: function () { //验证输入的值必须为选项框中的数据，否则还原为空
                var _options = $(this).combobox('options');
                var _data = $(this).combobox('getData');/* 下拉框所有选项 */
                var _value = $(this).combobox('getValue');/* 用户输入的值 */
                var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                for (var i = 0; i < _data.length; i++) {
                    if (_data[i][_options.valueField] == _value) {
                        _b = true;
                        break;
                    }
                }
                if (!_b) {
                    $(this).combobox('setValue', '');
                }
            }
        });*@


        }
        //初始化combobox列表 end


        //退出登录
        function goLogin() {
            $.messager.confirm('退出系统', '是否确定要退出系统？', function (r) {
                if (r) {
                    $.ajax({
                        type: 'POST',
                        url: '@Url.Content("~/Home/ExitLogin")',
                        data:
                            {
                               
                            },
                        dataType: "json",
                        success: function (msg) {
                            //console.log(msg);
                            if (msg == "OK") { //退出登录相关操作成功
                                //add2019-12-02 plq 使用window.opener的时候要去判断父窗口的状态，否则若父窗口被关闭或者更新，就会出错
                                if (window.opener && !window.opener.closed) {
                                    window.opener.opener = null;
                                    window.opener.open("", "_self");
                                    window.opener.close(); //关闭源（父）窗口
                                }
                                //返回用户登录页
                                window.top.location.href = '@Url.Content("~/Home/UserLoginPage")'; //返回登录页
                            }
                        }
                    })
                }
            });
        }

        //浏览器窗口尺寸调整时,外层布局容器尺寸对应调整
        $(window).resize(function () {
            //location.reload();
        });

        //给easyui combobox增添清空按钮
        $.fn.combobox.defaults.icons = [{
            iconCls: 'icon-clear',
            handler: function (e) {
                $(e.handleObj.data.target).combobox('clear');
            }
        }];

    </script>
}
<div id="divIndex" class="easyui-layout" style="width:auto; height: auto; margin-left: auto; margin-right: auto">
    <!--头部标题栏-->
    <div class="divIndexTop clearfix" style="background-image:url('@Url.Content("~/Images/CustomIcon/header_bg.png")')">
        <div class="top_inner">
            <h4 class="systemTitle clearfix">
                <span>云南省院前急救领导台</span>
            </h4>
            <!--左侧菜单-->
            <ul class="tab_menu_left clearfix">
                <li class="header_tab" id="tab_amb">
                    <img src="~/Images/CustomIcon/icon_amb.png" alt="" />
                    <span>车辆信息</span>
                </li>
                <li class="header_tab" id="tab_history">
                    <img src="~/Images/CustomIcon/icon_history.png" alt="" />
                    <span>历史呼救信息</span>
                </li>
            </ul>
            <!--右侧菜单-->
            <ul class="tab_menu_right clearfix">
                <li class="header_tab" id="tab_tj">
                    <img src="~/Images/CustomIcon/icon_tj.png" alt="" />
                    <span>实时数据统计</span>
                </li>
            </ul>
            <!-- add2021-01-19 plq 当前中心 -->
            <div class="currentCenter">
                <span class="showTips">当前分中心：</span>
                <input id="cmb_Center" class="hideCmbClear" style="width:160px" />
            </div>
            <!--退出登录-->
            <p class="exitLoginBox">
                <img src="~/Images/LoginIcon/outLogin.png" title="点击退出系统" style="height:16px; width:16px; cursor:pointer;vertical-align:middle" onclick="goLogin()" />
            </p>
        </div>
    </div>
    <!--正文内容-->
    <div class="divIndexMain clearfix">
        <!--地图相关 start 地图作为地图-->
        <div class="mainframe">
            <div id="map">
            </div>
            <div id="titleTop" ondragstart="return false">
                <table height="40px" border="0" cellspacing="0" cellpadding="0">
                    <tr style="cursor:pointer">
                        @*<td width="56px"><img id="btnMouse" src="~/images/control2/pan_2.png" onclick="btnMoveMap();" style="width:56px; height:56px" /></td>*@
                        <td width="56px"><img id="btnPlus" src="~/images/control2/zoomin_1.png" onmousedown="btnPlusDown();" onmouseup="btnPlusUp();" style="width:56px; height:56px" /></td>
                        <td width="56px"><img id="btnSubtract" src="~/images/control2/zoomout_1.png" onmousedown="btnSubtractDown();" onmouseup="btnSubtractUp();" style="width:56px; height:56px" /></td>
                        <!--
                        <td width="56px">
                        <img id="btnGetCoor" src="images/control/getcoor_1.png" onmousedown="btnGetCoorDown();" onmouseup="btnGetCoorUp();" />
                        </td>
                        -->
                        @*<td width="56px"><img id="btnSearch" src="~/images/control2/search2_1.png" onmousedown="btnSearchDown();" onmouseup="btnSearchUp();" style="width:56px; height:56px" /></td>*@
                        <!--
                        <td id="tdTel" width="56px">
                        <img id="btnTel" src="images/control/tel_3.png" onclick="testMethod();" />
                        </td>
                        <td id="tdTel2" width="56px">
                        <img id="btnTel2" src="images/control/tel_3.png" onclick="testMethod2();" />
                        </td>
                        -->
                        @*<td width="56px"><img id="btnRanging" src="~/images/control2/distance_1.png" onclick="btnBeginDistance();" style="width:56px; height:56px" /></td>*@
                        <td width="56px"><img id="btnAmbulance" src="~/images/control2/amb_1.png" onmousedown="btnAmbulanceDown();" onmouseup="btnAmbulanceUp();" style="width:56px; height:56px" /></td>
                        <!--2016-7-26 zch add    start-->
                        <td id="btnVolunteerTd" width="56px"><img id="btnVolunteer" src="~/images/control2/volun_1.png" onmousedown="btnVolunteerDown();" onmouseup="btnVolunteerUp();" style="width:56px; height:56px" /></td>
                        <!--end-->
                        @*<td id="tdSpot" width="56px"><img id="btnSpot" src="~/images/control2/spot_1.png" onclick="btnBeginSpot();" style="width:56px; height:56px" /></td>
                            <td width="56px"><img src="~/images/control2/anchor_1.png" onclick="showabout();" style="width:56px; height:56px" /></td>*@
                    </tr>
                </table>
            </div>
            <div id="addressquery">
                <div style="border: 1px solid #000">
                    <input type="text" style="width: 250px" id="querycontent" onkeydown="querycontentKeyDown();" />
                    <input type="button" value="查找" onclick="localSearch()" />
                    <input type="button" value="关闭" onclick="btnCloseSearchDiv()" />
                </div>
                <div id="r-result">
                </div>
            </div>
            <div id="addressquery2">
                <div style="border: 0px solid #000">
                    <input style="width: 100%;height: 30px" id="querycontent2" />
                    <!--<input type="button" value="关闭" onclick="btnCloseSearchDiv2()" />-->
                    <!--<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="btnCloseSearchDiv2();">关闭</a>-->
                </div>
                <div>
                    <table id="tbQueryResult"></table>
                </div>
            </div>
            <!--2016-7-26  zch add  volunteer start-->
            <div id="volunteerWindow">
                <div style="border: 0px solid #000">
                    <table id="volunteerGrid"></table>
                </div>
            </div>
            <!-- end  -->
            <div id="routeResult">
            </div>
            <div id="selfRouteTab" class="easyui-tabs">
                <div title="最少时间" style="padding:20px;">
                    tab1
                </div>
                <div title="最短距离" style="overflow:auto;padding:20px;">
                    tab2
                </div>
                <div title="避开高速" style="padding:20px;">
                    tab3
                </div>
            </div>
            <div id="ambPanel" class="easyui-panel" title="车辆列表"
                 style="width:250px;height:80%;padding:10px;background:#fafafa"
                 openanimation="fade" openduration="1000" closed="true"
                 data-options="closable:true,style:{position:'absolute',right:2,top:50}, footer:'#ftamb'">
                <ul id="ambTree" class="easyui-tree" checkbox="true" onlyleafcheck="true"></ul>
            </div>
            <!--add20201109plq 隐藏所有车辆-->
            <div id="ftamb" style="height:60px">
                <img id="hideamb" src="~/Images/control/check.png" onclick="hideAmbClick();" style="width: 16px; height: 16px; display: inline; margin: 20px 5px 20px 20px; vertical-align: middle" />
                <span style="line-height: 16px; font-size: 15px; font-family: Microsoft YaHei; vertical-align: middle; margin: 20px 0px 20px 0px;">隐藏所有车辆</span>
            </div>
            <div id="divAbout" style="left: 329.5px; position: absolute; top: 2100px; z-index: 9999; opacity: 1; display: block; height: 300px; width: 450px;">
                <span class="button b-close"><span>X</span></span>
                <img id="btnAnchor" src="~/images/anchor.png" />
                <br />
                <br />
                <h2 style="text-align:center"><span style="color: #0066FF">安克电子技术有限公司</span></h2>
                <h3 style="text-align:center"><span style="color: #0066FF">百度地图API V2.3.0</span></h3>
                <h5><span id="useragent"> </span></h5>
            </div>

        </div>
        <!--地图相关 end -->
        <!--左侧弹层 车辆信息和历史呼救信息弹层互斥-->
        <!--左侧弹层 车辆信息-->
        <div class="layer_left layer_amb" style="display:none;">
            <!--查询条件框 可以给个固定高度-->
            <div class="layer_left_top searchBox">
                <div class="column llt_inner">
                    <h4 class="column_title">筛选车辆</h4>
                    <div class="column_content">
                        <table style="width:99%" cellpadding="0" cellspacing="5" border="0">
                            <tr style="height:36px;">
                                <td align="right" valign="middle" width="25%">急救站：</td>
                                <td align="left" valign="middle" width="25%">
                                    <input id="AmbSearch_Station" class="easyui-combobox" style="width:170px" />
                                </td>
                                <td align="right" valign="middle" width="25%">&nbsp;</td>
                                <td align="left" valign="middle" width="25%">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr style="height:36px;">
                                <td align="right" valign="middle">车辆分组：</td>
                                <td align="left" valign="middle">
                                    <input id="AmbSearch_AmbGroup" class="easyui-combobox" style="width:170px" data-options="multiple:true" />
                                </td>
                                <td align="right" valign="middle">车辆标识：</td>
                                <td align="left" valign="middle">
                                    <input id="AmbSearch_RealSign" class="easyui-textbox" style="width:170px" />
                                </td>
                            </tr>
                        </table>
                        <ul class="ambStateCheckList clearfix">
                            <li>
                                <input id="AllSelect" class="easyui-checkbox" label="全部" data-options="labelPosition:'after',labelAlign:'left',labelWidth:40">
                            </li>
                            <li>
                                <input id="isDaiMing" class="easyui-checkbox ambStateCheck" label="待命" data-options="labelPosition:'after',labelAlign:'left',labelWidth:40,checked: true">
                            </li>
                            <li>
                                <input id="isRenWu" class="easyui-checkbox ambStateCheck" label="任务" data-options="labelPosition:'after',labelAlign:'left',labelWidth:40,checked: true">
                            </li>
                            <li>
                                <input id="isZanTing" class="easyui-checkbox ambStateCheck" label="暂停" data-options="labelPosition:'after',labelAlign:'left',labelWidth:40,checked: true">
                            </li>
                            <li>
                                <input id="isXiaBan" class="easyui-checkbox ambStateCheck" label="下班" data-options="labelPosition:'after',labelAlign:'left',labelWidth:40">
                            </li>
                        </ul>
                        <p class="btnRow">
                            <a href="javascript:void(0)" id="btnAmbSearch" class="searchBtn" onclick="bindAmbGrid()">查询</a>
                        </p>

                    </div>
                </div>
            </div>
            <!--查询列表框 占满剩余高度-->
            <div class="layer_left_bottom dataGridBox">
                <div class="column llb_inner">
                    <h4 class="column_title">车辆列表<span class="count">（共&nbsp;<em id="ambNum">&nbsp;&nbsp;</em>&nbsp;辆）</span></h4>
                    <div class="column_content">
                        <table id="ambListGrid"></table>
                    </div>
                </div>
            </div>
        </div>
        <!--左侧弹层 历史呼救信息-->
        <div class="layer_left layer_history" style="display:none">
            <!--查询条件框 可以给个固定高度-->
            <div class="layer_left_top searchBox">
                <div class="column llt_inner">
                    <h4 class="column_title">筛选历史呼救信息</h4>
                    <div class="column_content">
                        <table style="width:99%" cellpadding="0" cellspacing="5" border="0">
                            <tr style="height:32px;">
                                <td align="right" valign="middle" width="25%">起始时间：</td>
                                <td align="left" valign="middle" width="25%">
                                    <input class="easyui-datetimebox" style="width:160px" id="EveSearch_DtStart" />
                                </td>
                                <td align="right" valign="middle" width="25%">结束时间：</td>
                                <td align="left" valign="middle" width="25%">
                                    <input class="easyui-datetimebox" style="width:160px" id="EveSearch_DtEnd" />
                                </td>
                            </tr>
                            <tr style="height: 32px;">
                                <td align="right" valign="middle">现场地址：</td>
                                <td align="left" valign="middle" colspan="3">
                                    <input class="easyui-textbox" style="width: 350px" id="EveSearch_LocalAddr" />
                                </td>
                            </tr>
                            <tr style="height: 32px;">
                                <td align="right" valign="middle">送往地点：</td>
                                <td align="left" valign="middle" colspan="3">
                                    <input class="easyui-textbox" style="width: 350px" id="EveSearch_SendAddr" />
                                </td>
                            </tr>
                            <tr style="height: 32px;">
                                <td align="right" valign="middle">电话：</td>
                                <td align="left" valign="middle">
                                    <input class="easyui-textbox" style="width: 160px" id="EveSearch_Tel" />
                                </td>
                                <td align="right" valign="middle">调度员：</td>
                                <td align="left" valign="middle">
                                    <input class="easyui-combobox" style="width: 160px" id="EveSearch_Dispatcher" />
                                </td>
                            </tr>
                        </table>
                        <p class="btnRow">
                            <a href="javascript:void(0)" id="btnHistorySearch" class="searchBtn" onclick="bindHistoryGrid()">查询</a>
                        </p>

                    </div>
                </div>
            </div>
            <!--查询列表框 占满剩余高度-->
            <div class="layer_left_bottom dataGridBox">
                <div class="column llb_inner">
                    <h4 class="column_title">历史呼救信息<span class="count">（共&nbsp;<em id="acceptNum">&nbsp;&nbsp;</em>&nbsp;条）</span></h4>
                    <div class="column_content">
                        <table id="historyGrid"></table>
                    </div>
                </div>
            </div>
        </div>
        <!--左侧详情信息弹层 沉底紧靠左侧弹层 -->
        <!--车辆详情信息-->
        <div class="layer_left_rbottom layer_detail amb_detail" style="display:none">
            <div class="column lrb_inner">
                <h4 class="column_title">车辆详细</h4>
                <div class="column_content">
                    <div class="InfoTableBox">
                        <table border="0" cellpadding="0" cellspacing="0" style="width: 99%; text-align: left; margin-left: 0px; margin-right: 0px; ">
                            <tr class="InfoTr">
                                <td style="width:25%;" align="right" class="tb_key">
                                    车辆标识：
                                </td>
                                <td style="width:25%" align="left" class="tb_value">
                                    <span id="amb_RealSign">&nbsp;</span>
                                </td>
                                <td style="width:20%;" align="right" class="tb_key">
                                    GPS状态：
                                </td>
                                <td style="width:30%" align="left" class="tb_value">
                                    <span id="amb_GPSState">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    车型：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_AmbType">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    状态：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_WorkState">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr PauseReasonTr">
                                <td align="right" class="tb_key">
                                    暂停调用原因：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_PauseReason">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    医院名称：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_PauseHospital">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    车牌号：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_AmbulanceNum">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    任务数：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_TaskNum">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    车辆等级：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_AmbLevel">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    随车电话：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Tel">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    分站：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Station">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    流水号：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_TaskNo">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    司机：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Driver">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    医生：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Doctor">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    护士：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Nurse">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    担架员：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="amb_Stretcher">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr TaskTr">
                                <td align="right" class="tb_key">
                                    事件名称：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="amb_EventName">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr TaskTr">
                                <td align="right" class="tb_key">
                                    生成任务时刻：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="amb_StartTime">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr DaiMingTr">
                                <td align="right" class="tb_key">
                                    任务完成时刻：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="amb_EndTime">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr DaiMingTr">
                                <td align="right" class="tb_key">
                                    返回站中时刻：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="amb_ReturnStationTime">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    按键时刻：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="amb_KeyTime">&nbsp;</span>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--历史呼救事件详情信息-->
        <div class="layer_left_rbottom layer_detail history_detail" style="display:none">
            <div class="column lrb_inner">
                <h4 class="column_title">呼救信息详细</h4>
                <div class="column_content">
                    <div class="InfoTableBox">
                        <table border="0" cellpadding="0" cellspacing="0" style="width: 99%; text-align: left; margin-left: 0px; margin-right: 0px; ">
                            <tr class="InfoTr">
                                <td style="width:30%;" align="right" class="tb_key">
                                    事件来源：
                                </td>
                                <td style="width:23%" align="left" class="tb_value">
                                    <span id="eve_EventSource">&nbsp;</span>
                                </td>
                                <td style="width:28%;" align="right" class="tb_key">
                                    呼救类型：
                                </td>
                                <td style="width:20%" align="left" class="tb_value">
                                    <span id="eve_AlarmType">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    执行任务总数：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_TaskSum">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    受理次数：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_AcceptNum">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    患者姓名：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_PatientName">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    身份：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_Identity">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    受理车辆：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_AcceptAmb">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    联系电话：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_LinkTel">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    受理调度员：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_FirstAcceptPerson">&nbsp;</span>
                                </td>
                                <td align="right" class="tb_key">
                                    呼救电话：
                                </td>
                                <td align="left" class="tb_value">
                                    <span id="eve_AlarmTel">&nbsp;</span>
                                </td>
                            </tr>

                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    现场地址：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="eve_LocalAddr">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    等车地址：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="eve_WaitAddr">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    送往地点：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="eve_SendAddr">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    @*首次受理时刻：*@
                                    开始受理时刻：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="eve_FirstAcceptTime">&nbsp;</span>
                                </td>
                            </tr>
                            <tr class="InfoTr">
                                <td align="right" class="tb_key">
                                    主诉：
                                </td>
                                <td align="left" class="tb_value" colspan="3">
                                    <span id="eve_AlarmReason">&nbsp;</span>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!--右侧弹层-->
        <!--右上弹层 实时数据统计-->
        <div class="layer_right layer_tj" style="display:none;">
            <div class="column lrt_inner">
                <h4 class="column_title">实时数据信息<span class="tipInfo" style="font-size:14px;">（每10秒刷新数据）</span></h4>
                <div class="column_content clearfix">
                    <div class="fl_left r_inner pr_5">
                        <div class="chart_box_dprws chart_box pb_4" style="height:33.33%;">
                            <h5 class="chart_title">任务中派车数<span class="count">（共：<em id="taskSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="ssrwsChart" class="chart"></div>
                            </div>
                        </div>
                        <div class="chart_box_dbcls chart_box pb_4" style="height: 33.33%;">
                            <h5 class="chart_title">当班车辆数(车辆状态)<span class="count">（共：<em id="stateCarSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="dbclsChart" class="chart"></div>
                            </div>
                        </div>
                        <div class="chart_box_dprws chart_box" style="height:33.33%;">
                            <h5 class="chart_title">当班车辆数(车辆等级)<span class="count">（共：<em id="levelCarSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="dbclsTypeChart" class="chart"></div>
                            </div>
                        </div>
                    </div>
                    <div class="fl_left r_inner pl_5">
                        <div class="chart_box_dprws chart_box pb_4" style="height:33.33%;">
                            <h5 class="chart_title">待派任务数<span class="count">（共：<em id="futureTaskSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="dprwsChart" class="chart"></div>
                            </div>
                        </div>
                        <div class="chart_box_dprws chart_box pb_4" style="height:33.33%;">
                            <h5 class="chart_title">途中待命车辆数<span class="count">（共：<em id="wayCarSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="tzdmsChart" class="chart"></div>
                            </div>
                        </div>
                        <div class="chart_box_dbcls chart_box" style="height: 33.33%;">
                            <h5 class="chart_title">站内待命车辆数<span class="count">（共：<em id="stationCarSum">&nbsp;&nbsp;</em>&nbsp;）</span></h5>
                            <div class="chart_content">
                                <div id="zndmsChart" class="chart"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>


    </div>
</div>

<style>
    * {
        box-sizing: border-box;
    }

    html, body, h1, h2, h3, h4, h5, h6, ul, li, p {
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    body {
        /*-webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
    }

    ul, li {
        list-style: none;
    }
    /*table {
        table-layout: fixed;
        word-break: break-all;
    }*/

    img {
        vertical-align: middle;
    }

    #divIndex {
        position: relative;
        height: 100vh;
        padding-top: 60px;
    }

    .divIndexTop {
        position: absolute;
        height: 75px;
        /*line-height: 75px;*/
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        text-align: center;
        /*background-color: #0984e3 !important;
        background: -webkit-linear-gradient(to bottom right, #0984e3, #32B9F9);
        background: -o-linear-gradient(to bottom right, #0984e3, #32B9F9);
        background: -moz-linear-gradient(to bottom right, #0984e3, #32B9F9);
        background-image: linear-gradient(to bottom right, #0984e3, #32B9F9);*/
        background-color: transparent;
        background-size: 100% 75px;
        background-repeat: no-repeat;
        z-index: 999;
    }

    .top_inner {
        position: relative;
        height: 60px;
    }

    .systemTitle {
        position: relative;
        height: 100%;
        /*line-height:60px;*/
        line-height: 75px;
        font-family: Microsoft YaHei;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 9px;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
    }

    .tab_menu_left, .tab_menu_right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .tab_menu_left {
        left: 50px;
    }

    .tab_menu_right {
        /*right: 270px;*/
        right: 320px;
    }

        .tab_menu_left li, .tab_menu_right li {
            position: relative;
            float: left;
            height: 60px;
            line-height: 60px;
            vertical-align: middle;
            margin-right: 60px;
            cursor: pointer;
        }

            .tab_menu_left li:last-child, .tab_menu_right li:last-child {
                margin-right: 0;
            }

            .tab_menu_left li img, .tab_menu_right li img {
                height: 22px;
                width: auto;
                /*margin-right:2px;*/
            }

            .tab_menu_left li span, .tab_menu_right li span {
                font-family: Microsoft YaHei;
                font-size: 15px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 20px;
                letter-spacing: 0px;
                color: #ffffff;
            }

    .tab_active {
        position: relative;
    }

        .tab_active::after {
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translate(-50%,50%);
            margin-top: -10px;
            content: '';
            width: 0;
            height: 0;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 20px solid #1592e6;
        }

    .divIndexMain {
        position: relative;
        height: 100%;
        background-color: #f3f4f8 !important;
    }

    .mainframe {
        position: relative;
        height: 100%;
    }

    .currentCenter {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
    }

    .exitLoginBox {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

        .exitLoginBox img {
            width: 16px;
            height: auto;
            vertical-align: middle;
        }

    .showTips {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        color: #fff;
        font-size: 15px;
    }
    /*伪元素清除浮动*/
    .clearfix {
        display: block;
        *zoom: 1;
    }

        .clearfix:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
</style>
<style>
    .layer_left {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 540px;
        /*padding-top: 235px;*/
        padding-top: 270px;
        background-color: transparent;
        z-index: 999;
    }

    .layer_left_top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 270px;
        padding: 10px 0;
    }

    .layer_left_bottom {
        height: 100%;
        background-color: #1592e6;
    }

    .llt_inner {
        position: relative;
        height: 100%;
        padding: 40px 6px 6px;
        background-color: #1592e6;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.28);
    }

    .llb_inner {
        position: relative;
        height: 100%;
        padding: 40px 6px 6px;
        background-color: #1592e6;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.28);
    }

    .ambStateCheckList {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
    }

        .ambStateCheckList li {
            float: left;
            width: 20%;
            text-align: center;
            font-family: Microsoft YaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 20px;
            letter-spacing: 0px;
            color: #333333;
        }

    .btnRow {
        text-align: center;
        padding: 10px 0;
    }

    .searchBtn {
        display: inline-block;
        width: 242px;
        height: 32px;
        line-height: 32px;
        background-color: #1592e6;
        font-family: Microsoft YaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 2px;
        color: #ffffff;
        opacity: .8;
        transition: all .5s;
        border-radius: 5px;
    }

        .searchBtn:hover {
            opacity: 1;
        }

    .searchBox .column_content {
        font-family: Microsoft YaHei;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
    }
</style>
<style>
    .layer_right {
        /*width: 400px;
        height: 60%;
        padding-top: 10px;*/
        position: absolute; /*固定在右下角，不会随实时数据统计弹层的显隐而变换位置*/
        right: 0;
        top: 0;
        z-index: 999;
        width: 800px;
        height: 100%;
        padding: 10px 0 0;
    }

    .layer_left_rbottom {
        /*width: 400px;
        height: 40%;*/
        width: 500px;
        height: 360px;
        padding-top: 15px;
        position: absolute; /*固定在右下角，不会随实时数据统计弹层的显隐而变换位置*/
        /*right: 0;*/
        left: 545px; /*比左侧弹层的宽度大5px*/
        bottom: 0;
        z-index: 999;
    }


    .column {
        position: relative;
        padding-top: 40px;
    }

    .lrt_inner {
        height: 100%;
        background-color: #1592e6;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.28);
        padding: 40px 6px 6px;
    }

    .column_title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        padding: 4px 15px;
        font-family: Microsoft YaHei;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32px;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: left;
    }

    .column_content {
        position: relative;
        height: 100%;
        /*background-color: #fff;*/
        background-color: #f8f8f8;
    }

    .layer_left_rbottom .column_content {
        overflow-y: auto;
    }

    .chart_box {
        position: relative;
        padding-top: 40px;
    }

    .chart_title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 16px;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333;
        text-align: left;
        background-color: #fff;
    }

        .chart_title::before {
            position: absolute;
            display: block;
            content: "";
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 17px;
            background-color: #1592e6;
        }

    .chart_content {
        height: 100%;
        background-color: #fff;
    }

        .chart_content .chart {
            height: 100%;
        }

    .lrb_inner {
        height: 100%;
        background-color: #1592e6;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.28);
        padding: 40px 6px 6px;
    }

    .InfoTableBox {
        padding: 14px 5px;
    }

    .tb_key {
        font-family: Microsoft YaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        /*line-height: 19px;*/
        letter-spacing: 0px;
        color: #333333;
    }

    .tb_value {
        font-family: Microsoft YaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        /*line-height: 19px;*/
        letter-spacing: 0px;
        color: #1592e6;
    }

    .layer_amb .InfoTr {
        height: 26px;
    }

    .layer_history .InfoTr {
        height: 24px;
    }

    .column_content .r_inner {
        float: left;
        width: 50%;
        height: 100%;
    }

    .pr_5 {
        padding-right: 4px;
    }

    .pl_5 {
        padding-left: 4px;
    }

    .pb_4 {
        padding-bottom: 8px;
    }
</style>

<style>
    /*easyui 样式 部分自定义*/
    .datagrid-row-selected {
        background-color: #1592e6 !important;
    }

    .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
        font-family: Microsoft YaHei;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
    }

    .datagrid-header .datagrid-cell span {
        font-family: Microsoft YaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #858585;
    }

    .checkbox {
        border: 2px solid #1592e6;
    }

    .checkbox-checked {
        border: 0;
        background: #1592e6;
    }

    .circle_green {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #0ebf0e;
    }

    .circle_red {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #e41b1b;
    }

    .editIcon {
        display: inline-block;
        padding: 0 10px;
        cursor: pointer;
    }

    .ambState {
        display: inline-block;
        width: 84px;
        height: 27px;
        line-height: 27px;
        /*background-color: #999;*/
        border-radius: 3px;
        font-family: Microsoft YaHei;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }

    .ambState_0 {
        background-color: #ff7f66;
    }

    .ambState_rowBg_0 {
        background-color: #fdd8d1;
    }

    .ambState_1 {
        background-color: #faa464;
    }

    .ambState_rowBg_1 {
        background-color: #fde6d5;
    }

    .ambState_2 {
        background-color: #8e8474;
    }

    .ambState_rowBg_2 {
        background-color: #dddad4;
    }

    .ambState_3 {
        background-color: #b984dc;
    }

    .ambState_rowBg_3 {
        background-color: #f5e7ff;
    }

    .ambState_4 {
        background-color: #8393da;
    }

    .ambState_rowBg_4 {
        background-color: #d0d6f3;
    }

    .ambState_5 {
        background-color: #3aaff2;
    }

    .ambState_rowBg_5 {
        background-color: #bce3fa;
    }

    .ambState_6 {
        background-color: #497eeb;
    }

    .ambState_rowBg_6 {
        background-color: #b4caf8;
    }

    .ambState_7 {
        background-color: #00b0af;
    }

    .ambState_rowBg_7 {
        background-color: #cbeeee;
    }

    .ambState_8 {
        background-color: #252525;
    }

    .ambState_rowBg_8 {
        background-color: #dcdcdc;
    }

    .ambState_9 {
        background-color: #999999;
    }

    .ambState_rowBg_9 {
        background-color: #c4c4c4;
    }

    .ambState_101 {
        background-color: #ecb02e;
    }

    .ambState_rowBg_101 {
        background-color: #fde5b2;
    }

    .ambState_102 {
        background-color: #0fca2e;
    }

    .ambState_rowBg_102 {
        background-color: #d9ffe4;
    }

    .panel-title {
        font-size: 14px !important;
    }

    .tree-title {
        font-size: 14px !important;
    }
</style>

<style>
    .tree-node-selected {
      background: #a9dcff;
      color:#333;
    }
    .tree-folder-open {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('@Url.Content("~/Images/CustomIcon/tree_station_2.png")')!important;
    }
    .tree-folder {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('@Url.Content("~/Images/CustomIcon/tree_staion.png")');
    }
    .tree-file {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('@Url.Content("~/Images/CustomIcon/tree_amb.png")');
    }
</style>

<style>
    .checkbox {
        border: 2px solid #1592e6;
    }

    .checkbox-checked {
        border: 0;
        background: #1592e6;
    }

    #searchTips {
        color: red;
    }

    .btnPlayTr {
        position: relative;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .btnPlaySpan {
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    em {
        font-style: normal;
    }

    .currentCenter .textbox .textbox-text {
        font-size: 14px;
    }

    .combobox-item-selected {
        background-color: #1592e6 !important;
    }
</style>
